{{extend defaultLayout}}

{{block 'css'}}
<link rel="stylesheet" type="text/css" href="{{_res_path}}/helpTemp/helpTemp.css" />
<% style=style.replace(/{{_res_path}}/g, _res_path) %>
    {{@style}}
    {{/block}}

    {{block 'main'}}

    <div class="info-box">
        <div class="head-box type{{bgType}}">
            <div class="title">{{helpCfg.title||"使用帮助"}}</div>
            <div class="label">{{helpCfg.subTitle || "Yunzai-Bot & Miao-Plugin"}}</div>
        </div>
    </div>

    {{each helpGroup group}}
    {{set len = group?.list?.length || 0 }}
    <div class="cont-box">
        <div class="help-group">{{group.group}}</div>
        {{if len > 0}}
        <div class="help-table">
            <div class="tr">
                {{each group.list help idx}}
                <div class="td">
                    <span class="help-icon" style="{{help.css}}"></span>
                    <strong class="help-title">{{help.title}}</strong>
                    <span class="help-desc">{{help.desc}}</span>
                </div>
                {{if idx%colCount === colCount-1 && idx>0 && idx< len-1}} </div>
                    <div class="tr">
                        {{/if}}
                        {{/each}}
                        <% for(let i=(len-1)%colCount; i< colCount-1 ; i++){ %>
                            <div class="td"></div>
                            <% } %>
                    </div>
            </div>
            {{/if}}
        </div>
        {{/each}}
        {{/block}}